<template>
	<div>
		<city-header></city-header>
		<city-search></city-search>
		<city-list></city-list>
		<city-alphabet></city-alphabet>
	</div>
</template>

<script>
	import Cityheader from '../components/city/Cityheader.vue'
	import Citysearch from '../components/city/Search.vue'
	import Citylist from '../components/city/List.vue'
	import Cityalphabet from '../components/city/Alphabet.vue'
	export default{
		components:{
			cityHeader:Cityheader,
			citySearch:Citysearch,
			cityList:Citylist,
			cityAlphabet:Cityalphabet
		},
		mounted:function(){
			this.$store.dispatch('togetCityInfo')
		}
	}
</script>

<style>
</style>
